{% extends "layout.html" %}
{% block content %}
	<div class="layui-layout layui-layout-admin">
		<!-- 顶部开始 -->
		<div class="layui-header">
			<a class="layui-logo" href="javascript:window.location.reload();">东润能源通信管理终端</a>
			<nav class="layui-layout-left">
				<ul class="layui-inline layui-nav layui-nav-switch" style="padding: 0;">
					<!--左侧菜单块的展开与折叠-->
					<li class="layui-nav-item">
						<a href="javascript: void(0);" class="hideMenu" title="展开或折叠">
							<i class="layui-icon layui-icon-shrink-right"></i>
						</a>
					</li>
					<li class="layui-nav-item">
						<a href="javascript: window.right.location.reload();" title="重载框架内页"><i class="layui-icon layui-icon-refresh"></i></a>
					</li>	
					<li class="layui-nav-item">
						<a href="javascript: shutdown();" title="关闭系统"><i class="layui-icon layui-icon-close-fill"></i></a>
					</li>	
				</ul>
				<!-- 头部区域（可配合layui已有的水平导航） -->
			</nav>
			<nav class="layui-layout-right">
				<ul class="layui-nav">
					<li class="layui-nav-item">
						<a id="username" href="javascript:;">admin</a>
						<dl class="layui-nav-child"> <!-- 二级菜单 -->
						<!-- <dd><a onclick="x_admin_show('个人信息','http://www.baidu.com')">个人信息</a></dd>
						<dd><a onclick="x_admin_show('切换帐号','http://www.baidu.com')">切换帐号</a></dd> -->
						<dd><a onclick="x_admin_show('修改密码','../SysUser/modify_password.html',600,330)">修改密码</a></dd>
						<dd><a onclick="x_admin_show('个人资料','../SysUser/modify_personal_info_page.html',800,500)">个人资料</a></dd>
						<dd><a href="logout">退出</a></dd>
						</dl>
					</li>
				</ul>
			</nav>
		</div>
		<!-- 顶部结束 -->
		<!-- 中部开始 -->
		<!-- 左侧菜单开始 -->
		<div class="layui-side layui-bg-black">
			<div id="side-nav" class="layui-side-scroll">
				<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
				<nav>
					<ul class="layui-nav layui-nav-tree" id="sideNav" lay-filter="sideNav" lay-shrink="all">
						<li class="layui-card-body preloader">
							<label title="正在载入菜单..."><i class="layui-icon layui-icon-loading-1"></i> 正在载入菜单...</label>
						</li>
					</ul>
				</nav>
			</div>
		</div>
		<!-- 左侧菜单结束 -->
		<!-- 右侧主体开始 -->
		<div class="layui-body page-content">		
			<!-- 内容主体区域 -->
            <div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false">
                <ul class="layui-tab-title">
                    <li class="home"><i class="layui-icon">&#xe68e;</i>我的桌面</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <iframe src='welcome.html' name="right" id="right" frameborder="0" scrolling="yes" class="x-iframe"></iframe>
                    </div>
                </div>
            </div>
		</div>
		<div class="layui-footer">
			<!-- 底部固定区域 -->
            <div class="copyright" style="text-align: left;">
				©copyright 内蒙古东润能源科技有限公司 All rights reserved <a href="http://beian.miit.gov.cn" target="_blank">备案号:蒙ICP备17001931号-2</a>
			</div>  
		</div>
		<!-- 右侧主体结束 -->
		<!-- 中部结束 -->
	</div>
    <script>
        layui.use(['layer','element','navTree'], function(){
            var layer=layui.layer;
            var element=layui.element;
            var navTree = layui.navTree;
            var requestNavUrl = "show_menu";	//请求导航菜单数据的接口地址（这里 json 是相对于 index.html 的路径）
            layer.ready(function(){
				//由于navTree存在不执行加载的情况，使用ajax主动加载菜单
                $.ajax({
                    url:requestNavUrl,
                    type:"POST",
                    success:function(res){
                        //渲染导航菜单（出现左侧垂直导航）
						navTree.render({
							elem: '#sideNav',	//注意框架布局中应存在你指定的垂直导航容器		
							headerNavElem: false,	//头部水平导航将联动左侧垂直导航，如果不需要渲染头部水平导航，请设置为 false
							// url: requestNavUrl, //获取菜单json地址
							data:res.data,
							recursion: false,	//已是树形结构，不需要递归
							rootValue: null,	//根节点主键值
							home: "welcome.html",	//默认或缺省时打开的页面链接
							target: "right",
							currentNavKey: "current_nav",
							done: function(menu){
								//菜单渲染完成后的回调方法
								// console.log("后台菜单渲染完成！");
								$("a.navHyperLink").on("click",function(obj){
									index=top.index;
									openTab($(this).attr("_href"),$(this).attr("title"),$(this).attr("data-code"));
								});
							}
						});
                    }
                });
            });
		});
		//隐藏与显示左侧导航
		$(".hideMenu").on("click", function(){
			$("body").toggleClass("layout-beta");
			window.sessionStorage.setItem("layout-beta", $("body").hasClass("layout-beta"));
		});
		//手机设备的简单适配
		$('.layout-mobile-aside').on('click', function(){
			$('body').addClass('layout-mobile-beta');
			return false;
		});
		$('.layout-mobile-shadow').on('click', function(){
			$('body').removeClass('layout-mobile-beta');
			return false;
		});
			
		//窗口重置方法
		var winResize = function() {
			var docWidth = $(window).width();
			if (docWidth > 767) {
				$("body").removeClass("layout-beta");
			} else {
				$("body").addClass("layout-beta");			
				
				//当在小屏幕时，点击左侧菜单链接，触发 .layout-mobile-shadow 遮罩关闭
				$("body").on("click", "a.navHyperLink", function(){
					$('.layout-mobile-shadow').trigger("click");
				});			
			}
		};	
		//页面初始载入时，适应窗口大小
		winResize();
		
		//页面尺寸改变时，适应窗口大小
		$(window).on("resize", function () {        
			window.setTimeout(function () {
				winResize();
			}, 500);	//延迟执行,防止多次触发
		});
		function shutdown(){
			layer.confirm('真的关闭么', function(index){
				$.ajax({
					url:'shutdown',
					type:'POST',
					success:function(data){
						layer.msg("系统关闭！");
					}
				});
				layer.close(index);
			});
		}
    </script>
{% endblock %}
